<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>浙江在线预约诊疗服务平台</title>
  <link rel="stylesheet" href="public/css/lib/bootstrap.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/bootstrap.min.css">
  <link rel="stylesheet" href="public/css/lib/glider.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/glider.min.css">
  <link rel="stylesheet" href="public/css/lib/bootstrap-datepicker.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/bootstrap-datepicker.min.css">
  <link rel="stylesheet" href="public/css/lib/jquery-confirm.min.css" tppabs="https://guahao.zjol.com.cn/public/css/lib/jquery-confirm.min.css">
  <link rel="stylesheet" href="../at.alicdn.com/t/font_1205629_qkvn3s9pbk.css" tppabs="https://at.alicdn.com/t/font_1205629_qkvn3s9pbk.css">

  <!-- <link rel="stylesheet" href="/public/css/lib/material-icons.css">
  <link rel="stylesheet" href="/public/css/lib/bootstrap-material-design.min.css" > -->

  <link rel="stylesheet" href="public/css/global.css" tppabs="https://guahao.zjol.com.cn/public/css/global.css">

  
  <link rel="stylesheet" href="public/css/home.css" tppabs="https://guahao.zjol.com.cn/public/css/home.css">
  
</head>

<body>
<style>



</style>
<div id="app">
    <div class="topbar">
  <div class="topbar-container row">
    <div class="col-6 topbar-user-info">
      
        <span>您好！ </span>
        <a v-if="token != null" href='user_info.html' tppabs='https://guahao.zjol.com.cn/login'>用户中心</a>
        <a v-if="token == null" href='login.html' tppabs='https://guahao.zjol.com.cn/login'>请登录</a>
        <a v-if="token == null" href='register.html' tppabs='https://guahao.zjol.com.cn/register'>免费注册</a>
      
    </div>
    <!-- <div class="col-6" style="text-align: right">
      <a href="">下载APP</a>
      <a href="">关注微信</a>
      <span>客服电话: 96068转3</span>
    </div> -->
  </div>
</div>
<!-- 顶部搜索栏 -->
<div class="topbar-header-borer-box">
  <div class="topbar-header-container">
    <div class="topbar-header">
      <a class="topbar-logo float-left" href="home.html" tppabs="https://guahao.zjol.com.cn/home" style="width: 300px;height: 40px; display: block;"></a>
      <div class="float-left" style="margin-left: 130px; width: 600px; max-width: auto;">
        <div class="input-group topbar-search-container">
          <div class="input-group-prepend">
            <div class="dropdown topbar-search-dropdown">
              <button class="btn btn-raised btn-light dropdown-toggle" type="button" id="dropdownMenuSearch" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" data-id="doctor">
                  {{msg}}
              </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuSearch">
                    <a class="dropdown-item"  data-id="doctor" data-value="3" @click="getQueryType($event)">医生</a>
                    <a class="dropdown-item"  data-id="hospital" data-value="1" @click="getQueryType($event)">医院</a>
                    <a class="dropdown-item"  data-id="department" data-value="2" @click="getQueryType($event)">科室</a>
                </div>
            </div>
          </div>
            <input type="text" class="form-control topbar-search-ipt" aria-label="search"
                   aria-describedby="basic-addon1"  v-model="queryName"/>
            <div class="input-group-append">
                <button type="button" @click="jum()" class="btn btn-raised btn-success topbar-search-btn" style="margin-bottom: 0;">搜&nbsp;&nbsp;&nbsp;&nbsp;索</button>
            </div>
        </div>
      </div>
    </div>
    <!-- 顶部nav栏 -->
    <div class="topbar-nav">
      <div class="row topbar-hot-ks">
        <div class="col-7">
          <i class="iconfont icon-remen" style="margin-right: 2px;"></i>
          <span>热门科室</span>
        </div>
        <div class="col-5 topbar-more-container">
          <span>更多</span>
          <i class="iconfont icon-jia1" style="margin-left: 2px;"></i>
        </div>
      </div>
      <div class="topbar-nav-container clearfix float-left">
        
        <div class="topbar-nav-active">
          <a target="_blank" href="home.html" tppabs="https://guahao.zjol.com.cn/">首页</a>
        </div>
        

      </div>
    </div>
  </div>
</div>


    
    <div class="main-container" style="padding-bottom: 40px;">
    <!-- 顶部信息 -->
<div class="home-first-bx clearfix">
  <div class="home-hot-ks-container">
          <div class="home-hot-ks-block">
        <div class="home-hot-ks-high"><a href="" target="_blank" @click="departmentSpecificInfo(hotDepartment[0])">{{hotDepartment[0].departmentsName}}</a></div>
        <div class="home-hot-ks-low" v-for="(item,index) in illnessDepartmentsId1" style="display: inline-block">


                <a href="" @click="illnessSJ(item,index)" target="_blank" style="display: inline-block">{{item.illnessName}}</a>&nbsp;&nbsp;|




          
        </div>
      </div>
          <div class="home-hot-ks-block" >
        <div class="home-hot-ks-high"><a href="" target="_blank" @click="departmentSpecificInfo(hotDepartment[1])">{{hotDepartment[1].departmentsName}}</a></div>
        <div class="home-hot-ks-low"  v-for="(item,index) in illnessDepartmentsId2" style="display: inline-block">

            <a href="" @click="illnessSJ(item,index)" target="_blank" style="display: inline-block">{{item.illnessName}}</a>&nbsp;&nbsp;|
          
        </div>
      </div>
      <div class="home-hot-ks-block" >
        <div class="home-hot-ks-high"><a href="" target="_blank" @click="departmentSpecificInfo(hotDepartment[2])">{{hotDepartment[2].departmentsName}}</a></div>
        <div class="home-hot-ks-low" v-for="(item,index) in illnessDepartmentsId3" style="display: inline-block">

            <a href="" @click="illnessSJ(item,index)" target="_blank" style="display: inline-block">{{item.illnessName}}</a>&nbsp;&nbsp;|

        </div>
      </div>
          <div class="home-hot-ks-block" >
        <div class="home-hot-ks-high"><a href="" target="_blank">{{hotDepartment[3].departmentsName}}</a></div>
              <div class="home-hot-ks-low" v-for="(item,index) in illnessDepartmentsId4" style="display: inline-block">

                  <a href="" @click="illnessSJ(item,index)" target="_blank" style="display: inline-block">{{item.illnessName}}</a>&nbsp;&nbsp;|

              </div>
      </div>
          <div class="home-hot-ks-block" data-detail="&lt;div class=&#34;home-hot-more-ks-container&#34;&gt;&lt;div class=&#34;home-hot-more-ks-item&#34;&gt;
              &lt;div class=&#34;home-hot-more-ks-title&#34;&gt;">
        <div class="home-hot-ks-high"><a href="" target="_blank">{{hotDepartment[4].departmentsName}}</a></div>
              <div class="home-hot-ks-low" v-for="(item,index) in illnessDepartmentsId5" style="display: inline-block">

                  <a href="" @click="illnessSJ(item,index)" target="_blank" style="display: inline-block">{{item.illnessName}}</a>&nbsp;&nbsp;|

              </div>
      </div>
    
  </div>
  <div class="home-hot-info-container">
    <div class="home-hot-doc-container" style="overflow: hidden;position: relative;">
      <div class="" style="position: absolute;width:100%;" >
          <a  @click="doctorSpecificInfo(item,index)" class="home-hot-doc-item" href="doctor/0571057168/30956.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057168/30956" target="_blank" v-for="(item,idx) in homeDoctorInfo">
          <div class="home-hot-doc-avatar"
            style="background-image: url('https://ghimage.zjol.com.cn/057168/057168_30956.jpg')">
          </div>

          <div class="home-hot-doc-name">{{item.name}}</div>
          <div class="home-hot-doc-ks">{{item.tdepartmentsName}}</div>
        </a>

      </div>
    </div>
    <div class="home-hot-hospital-container row" style="overflow: hidden;position: relative;height: 155px;width: 100%;">
      <div class="" style="position: absolute;">
          <a class="home-hot-hospital-item col" v-for="(item,index) in hothospitalinfo" @click="hospitalSpecificInfo(item,index)" href="hospital/0571957102.htm" tppabs="https://guahao.zjol.com.cn/hospital/0571957102" target="_blank"  >
          <div class="home-hot-hospital-img"
            style="background-image: url('https://ghimage.zjol.com.cn/0571957102.jpg')">
          </div>
          <div class="home-hot-hospital-name word-inline">{{item.hospitalName}}</div>
        </a>



        
      </div>
    </div>
    <div class="home-hot-msg-container">
      <div class="col float-left" style="padding-right: 10px">
        

      </div>
      <div class="col float-left" style="padding-left: 10px">
        

        
      </div>
    </div>
  </div>
  <div class="home-hot-news-container">
    <div class="home-hot-header">
      <span class="home-hot-header-title">健康头条</span>
      <a class="home-hot-header-more float-right" href="" target="_blank">
        更多<span>>></span>
      </a>
    </div>
    <div class="home-hot-news-list">
        <div class="home-hot-news-item word-inline"  v-for="(value,index) in newsinfo">
            <a href="javascript:if(confirm('http://health.zjol.com.cn/jkxw/201908/t20190801_10708756.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/jkxw/201908/t20190801_10708756.shtml'" tppabs="http://health.zjol.com.cn/jkxw/201908/t20190801_10708756.shtml" target="_blank" style="color: inherit"
            :key ="index" >
                {{value.newsTitle}}
            </a>
       </div>

      
    </div>
    <!--
    <div class="home-report-search">
      <div class="home-report-search-container">
        <div class="home-report-search-title">
          检验检查报告查询入口
        </div>
        <div class="home-report-search-content">
          为您汇总部分医疗机构的检验报告查询网址
        </div>
      </div>
    </div>
  -->
  <script src="ad/adHtml/5fae3179aa602b36ef7abc1c" tppabs="https://guahao.zjol.com.cn/ad/adHtml/5fae3179aa602b36ef7abc1c"></script>
   <!--  <script src="http://guahaocs.zjol.com.cn/ad/adHtml/5fb39701c847c07283a9935b"></script> -->
  </div>
  <div class="home-hot-more-ks clearfix">
  </div>
</div>
<!-- 广告  -->
<script src="ad/adHtml/5e95c7d18a8c8630182c88be" tppabs="https://guahao.zjol.com.cn/ad/adHtml/5e95c7d18a8c8630182c88be"></script>
<script src="ad/adHtml/5e95d02464652130258c4879" tppabs="https://guahao.zjol.com.cn/ad/adHtml/5e95d02464652130258c4879"></script>
<!-- 详细信息 -->
<div class="home-main-container clearfix">
  <div class="home-main-left float-left ">
    <div class="home-main-first clearfix">
      <!-- 快速预约 -->
      <div class="home-main-quick-reversion float-left">
          <div class="home-hot-header">
              <span class="home-hot-header-title">快速预约</span>
          </div>
          <div class="home-main-quick-reversion-content">
              <div class="dropdown home-main-quick-reversion-content-dropdown" style="margin-top: 25px;">

                地区(必选)：  <select v-model="addressId" @change="onSelectedAddress()" style="width: 120px;height: 34px;line-height: 32px;text-align: center;" >
                      <option selected="selected">请选择</option>
                      <option  v-for="(item,idx) in address"
                                :key="idx"  value-aid="{{idx}}"  v-bind:value="item.addressId" >{{item.areaName}}</option>
                  </select>
              </div>
              <div class="dropdown home-main-quick-reversion-content-dropdown">
                医院(必选)：   <select v-model="hospital" @change="onSelectedHospital()" style="width: 120px;height: 34px;line-height: 32px;text-align: center;" >
                      <option selected="selected">请选择</option>
                      <option  v-for="(item,idx) in hospitalByAddressId"
                               :key="idx"  value-aid="{{idx}}"  v-bind:value="item.hospitalId" >{{item.hospitalName}}</option>
                  </select>

              </div>
              <div class="dropdown home-main-quick-reversion-content-dropdown">
                  科室（非必选）： <select v-model="departmentName" @change="onSelectedDepartmentName()"
                                   style="width: 120px;height: 34px;line-height: 32px;text-align: center;">
                  <option selected="selected">请选择</option>
                  <option v-for="(item,idx) in tdepartmentsNameByHospitalId"
                          :key="idx" value-aid="{{idx}}" v-bind:value="item.tdepartmentsId">{{item.tdepartmentsName}}
                  </option>
              </select>
              </div>
              <div class="dropdown home-main-quick-reversion-content-dropdown">
                  医生（非必选）： <select v-model="doctorName" @change="onSelectDoctorName()"
                                   style="width: 120px;height: 34px;line-height: 32px;text-align: center;">
                  <option selected="selected">请选择</option>
                  <option v-for="(item,idx) in doctorNameByTdepartment"
                          :key="idx" value-aid="{{idx}}" v-bind:value="item.doctorId">{{item.name}}
                  </option>
              </select>
              </div>
              <button class="btn btn-warning btn-lg btn-block" id="quick-reservation-btn" @click="fastSubscribe">
                  搜&nbsp;&nbsp;&nbsp;&nbsp;索
              </button>
              <div class="home-main-quick-reversion-logo">
              </div>
          </div>
      </div>
      <!-- 按地区医院列表 -->
      <div class="home-main-area-hospital float-left">
        <div class="home-hot-header home-hot-header-area">
          <span class="home-hot-header-title">按地区医院列表</span>
        </div>
        <div class="home-main-area-hospital-content" >
          <div class="home-main-area-hospital-areas clearfix" >


              <ul>
                  <li class="liMenu"
                      :class="idx==index?'hover':''" @click="son(item,idx)" v-for="(item,idx) in address"
                      :key="idx" style="float:left;
                        list-style:none;" >{{item.areaName}}
                  </li>
              </ul>

          </div>
          <div class="home-main-area-hospital-list clearfix" >
            
            <div class="home-main-area-hospital-item float-left word-inline"
                 @click="son(item,idx)" v-for="(item,idx) in addressById"
                 :key="idx">
                <a @click="hospitalSpecificInfo(item,idx)">{{item.hospitalName}}</a>
            </div>

            
            <div class="home-main-area-hospital-more float-right">查看更多医院 >></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 热门医院/科室/医生 -->
    <div  class="home-main-hot">
      <div class="home-main-hot-type-container clearfix">
        <div class="home-main-hot-type clearfix">
          <div class="active" data-type="hos">热门医院</div>
        </div>
      </div>
        <div class="glider-contain home-main-hot-list" data-type="hos"
             style="
                        display: flex;
                        justify-content: space-around;
                        flex-wrap: wrap;
                        align-items: start;"
        >
            <div class="glider" data-type="hos" id="hotHospital"

                 v-for="(item,index) in hothospitalinfo"
            >
                <div class="home-main-hot-list-item" :key="index">
                    <img src="../ghimage.zjol.com.cn/files/laSS2artK_1584953363742.png"
                         tppabs="https://ghimage.zjol.com.cn/files/laSS2artK_1584953363742.png" alt=""
                         class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">{{item.hospitalName}}</div>
                    <div class="home-main-hot-list-phone">
                        <span>电话&nbsp;:</span>
                        <span class="home-main-hot-list-no">{{item.hospitalphone}}</span>
                    </div>
                    <a href="hospital/05710571C1.htm"
                       tppabs="https://guahao.zjol.com.cn/hospital/05710571C1" target="_blank">
                        <div class="home-main-hot-list-btn" @click="hospitalSpecificInfo(item,index)">
                            快速挂号
                        </div>
                    </a>
                </div>

            </div>
          
        </div>
        <div data-type="hos" role="button" class="glider-prev home-main-hot-list-grad-left home-main-hot-list-left">
            <div class="iconfont icon-icon-test"></div>
          </div>
          <div data-type="hos" role="button" class="glider-next home-main-hot-list-grad-right home-main-hot-list-right">
            <div class="iconfont icon-icon-test1"></div>
          </div>
      </div>
      <div class="glider-contain home-main-hot-list" data-type="dep"  style="height: 0px;">
        <div class="glider"  data-type="dep">
          
              <div class="column-wrap">

                <div class="home-main-hot-list-item" >
                  <img src="../ghimage.zjol.com.cn/files/0-y83izOM_1597194508687.png" tppabs="https://ghimage.zjol.com.cn/files/0-y83izOM_1597194508687.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">皮肤科</div>
                  <div class="home-main-hot-list-phone">
                    <!-- <span>电话&nbsp;:</span>
                    <span class="home-main-hot-list-no"></span> -->
                  </div>
                  <a  href="department/05710571B2/85724.htm" tppabs="https://guahao.zjol.com.cn/department/05710571B2/85724" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item" >
                    <img src="../ghimage.zjol.com.cn/files/_J6oN6_ri_1584953671805.jpg" tppabs="https://ghimage.zjol.com.cn/files/_J6oN6_ri_1584953671805.jpg" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">中医妇科</div>
                    <div class="home-main-hot-list-phone">
                      <!-- <span>电话&nbsp;:</span>
                      <span class="home-main-hot-list-no"></span> -->
                    </div>
                    <a  href="department/0571057102/1183.htm" tppabs="https://guahao.zjol.com.cn/department/0571057102/1183" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

            </div>

          
              <div class="column-wrap">

                <div class="home-main-hot-list-item" >
                  <img src="../ghimage.zjol.com.cn/files/NyhuxG_96_1584953843830.jpg" tppabs="https://ghimage.zjol.com.cn/files/NyhuxG_96_1584953843830.jpg" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">口腔科</div>
                  <div class="home-main-hot-list-phone">
                    <!-- <span>电话&nbsp;:</span>
                    <span class="home-main-hot-list-no"></span> -->
                  </div>
                  <a  href="hospital/0571057156.htm" tppabs="https://guahao.zjol.com.cn/hospital/0571057156" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item" >
                    <img src="../ghimage.zjol.com.cn/files/sUs0rtX7W_1584953935169.jpg" tppabs="https://ghimage.zjol.com.cn/files/sUs0rtX7W_1584953935169.jpg" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">不孕不育科</div>
                    <div class="home-main-hot-list-phone">
                      <!-- <span>电话&nbsp;:</span>
                      <span class="home-main-hot-list-no"></span> -->
                    </div>
                    <a  href="javascript:if(confirm('http://www.hzgrbyby.com/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://www.hzgrbyby.com/'" tppabs="http://www.hzgrbyby.com/" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

            </div>

          
              <div class="column-wrap">

                <div class="home-main-hot-list-item" >
                  <img src="../ghimage.zjol.com.cn/files/Y8v4-LaWB_1597194487309.jpg" tppabs="https://ghimage.zjol.com.cn/files/Y8v4-LaWB_1597194487309.jpg" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">眼科</div>
                  <div class="home-main-hot-list-phone">
                    <!-- <span>电话&nbsp;:</span>
                    <span class="home-main-hot-list-no"></span> -->
                  </div>
                  <a  href="department/0571957102/7836.htm" tppabs="https://guahao.zjol.com.cn/department/0571957102/7836" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item" >
                    <img src="../ghimage.zjol.com.cn/files/zX5WHnQna_1588760482046.png" tppabs="https://ghimage.zjol.com.cn/files/zX5WHnQna_1588760482046.png" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">妇科</div>
                    <div class="home-main-hot-list-phone">
                      <!-- <span>电话&nbsp;:</span>
                      <span class="home-main-hot-list-no"></span> -->
                    </div>
                    <a  href="" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

            </div>

          
              <div class="column-wrap">

                <div class="home-main-hot-list-item" >
                  <img src="../ghimage.zjol.com.cn/files/Z36zzT5ha_1588760535466.png" tppabs="https://ghimage.zjol.com.cn/files/Z36zzT5ha_1588760535466.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">内分泌科</div>
                  <div class="home-main-hot-list-phone">
                    <!-- <span>电话&nbsp;:</span>
                    <span class="home-main-hot-list-no"></span> -->
                  </div>
                  <a  href="" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item" >
                    <img src="../ghimage.zjol.com.cn/files/HE60wax8Q_1588760585287.png" tppabs="https://ghimage.zjol.com.cn/files/HE60wax8Q_1588760585287.png" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">泌尿科</div>
                    <div class="home-main-hot-list-phone">
                      <!-- <span>电话&nbsp;:</span>
                      <span class="home-main-hot-list-no"></span> -->
                    </div>
                    <a  href="" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

            </div>

          
        </div>
        <div  data-type="dep" role="button" class="glider-prev home-main-hot-list-grad-left home-main-hot-list-left">
            <div class="iconfont icon-icon-test"></div>
          </div>
          <div  data-type="dep" role="button" class="glider-next home-main-hot-list-grad-right home-main-hot-list-right">
            <div class="iconfont icon-icon-test1"></div>
          </div>
      </div>
      <div class="glider-contain home-main-hot-list" data-type="doc" style="height: 0px;">
        <div class="glider"  data-type="doc" >
          
              <div class="column-wrap">

                <div class="home-main-hot-list-item">
                  <img src="../ghimage.zjol.com.cn/files/UQwvnCF8b_1596438822324.png" tppabs="https://ghimage.zjol.com.cn/files/UQwvnCF8b_1596438822324.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">徐晖</div>
                  <div class="home-main-hot-list-phone">
                    <span>皮肤科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主任医师</span>
                  </div>
                  <a  href="doctor/05710571B2/90151.htm" tppabs="https://guahao.zjol.com.cn/doctor/05710571B2/90151" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item">
                    <img src="../ghimage.zjol.com.cn/057194/057194_71835.jpg" tppabs="https://ghimage.zjol.com.cn/057194/057194_71835.jpg" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">张连舫</div>
                    <div class="home-main-hot-list-phone">
                      <span>发育行为科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">副主任医师</span>
                    </div>
                    <a  href="doctor/0571057194/71835.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057194/71835" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

              </div>
          
              <div class="column-wrap">

                <div class="home-main-hot-list-item">
                  <img src="../ghimage.zjol.com.cn/files/mk1DG1NrJ_1588759209461.png" tppabs="https://ghimage.zjol.com.cn/files/mk1DG1NrJ_1588759209461.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">徐宏</div>
                  <div class="home-main-hot-list-phone">
                    <span>生殖健康与不孕不育</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主任医师</span>
                  </div>
                  <a  href="doctor/0571057176/119483.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057176/119483" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item">
                    <img src="../ghimage.zjol.com.cn/files/HgTc1XlU4_1603157435263.jpg" tppabs="https://ghimage.zjol.com.cn/files/HgTc1XlU4_1603157435263.jpg" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">闫福云</div>
                    <div class="home-main-hot-list-phone">
                      <span>妇科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主任医师</span>
                    </div>
                    <a  href="doctor/0571057183/140097.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057183/140097" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

              </div>
          
              <div class="column-wrap">

                <div class="home-main-hot-list-item">
                  <img src="../ghimage.zjol.com.cn/files/z7trLXdqr_1588759393971.png" tppabs="https://ghimage.zjol.com.cn/files/z7trLXdqr_1588759393971.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">罗辉</div>
                  <div class="home-main-hot-list-phone">
                    <span>男科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主治医师</span>
                  </div>
                  <a  href="doctor/0951901/5.htm" tppabs="https://guahao.zjol.com.cn/doctor/0951901/5" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item">
                    <img src="../ghimage.zjol.com.cn/files/UkulHUB4f_1588759501997.png" tppabs="https://ghimage.zjol.com.cn/files/UkulHUB4f_1588759501997.png" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">金冬梅</div>
                    <div class="home-main-hot-list-phone">
                      <span>牙周科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主任医师</span>
                    </div>
                    <a  href="doctor/0571057156/47870.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057156/47870" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

              </div>
          
              <div class="column-wrap">

                <div class="home-main-hot-list-item">
                  <img src="../ghimage.zjol.com.cn/files/bONRHTXtb_1588759640357.png" tppabs="https://ghimage.zjol.com.cn/files/bONRHTXtb_1588759640357.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">贾洪宇</div>
                  <div class="home-main-hot-list-phone">
                    <span>种植科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">副主任医师</span>
                  </div>
                  <a  href="doctor/0571057156/47286.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057156/47286" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                
                  <div class="home-main-hot-list-item">
                    <img src="../ghimage.zjol.com.cn/upload/imgs/20200318/1584498157846_309.jpg" tppabs="https://ghimage.zjol.com.cn/upload/imgs/20200318/1584498157846_309.jpg" alt="" class="home-main-hot-list-img">
                    <div class="home-main-hot-list-name word-inline">李小凤</div>
                    <div class="home-main-hot-list-phone">
                      <span>种植科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主任医师</span>
                    </div>
                    <a  href="doctor/0571057180/30407.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057180/30407" target="_blank">
                      <div class="home-main-hot-list-btn">
                        快速挂号
                      </div>
                    </a>
                  </div>
                

              </div>
          
              <div class="column-wrap">

                <div class="home-main-hot-list-item">
                  <img src="../ghimage.zjol.com.cn/files/18lYddjmG_1596438775822.png" tppabs="https://ghimage.zjol.com.cn/files/18lYddjmG_1596438775822.png" alt="" class="home-main-hot-list-img">
                  <div class="home-main-hot-list-name word-inline">叶发</div>
                  <div class="home-main-hot-list-phone">
                    <span>中医内科</span><span class="home-main-hot-list-no" style="padding-left: 16px;">主治医师</span>
                  </div>
                  <a  href="doctor/0571057169/90415.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057169/90415" target="_blank">
                    <div class="home-main-hot-list-btn">
                      快速挂号
                    </div>
                  </a>
                </div>

                

              </div>
          
        </div>
        <div  data-type="doc" role="button" class="glider-prev home-main-hot-list-grad-left home-main-hot-list-left">
            <div class="iconfont icon-icon-test"></div>
          </div>
          <div data-type="doc" role="button" class="glider-next home-main-hot-list-grad-right home-main-hot-list-right">
            <div class="iconfont icon-icon-test1"></div>
          </div>
      </div>
    </div>

  </div>
  <div class="home-main-right float-right">
    <script src="ad/adHtml/5fae361084ee12370f20b204" tppabs="https://guahao.zjol.com.cn/ad/adHtml/5fae361084ee12370f20b204"></script>
    <!-- <script src="http://guahaocs.zjol.com.cn/ad/adHtml/5fb398a642a137727c44dfb7"></script> -->
    <!-- 预约量排行 -->
    <div class="home-main-reservation" style="position: absolute;top: 478px;">
      <div class="home-hot-header home-hot-header-reservation">
        <span class="home-hot-header-title">预约量排行</span>
        <!-- <div class="float-right home-hot-header-type">
          <span class="home-hot-header-week active">近一周</span>
          <span style="padding: 0 5px;">|</span>
          <span class="home-hot-header-month">近一月</span>
        </div> -->
      </div>
      <div class="home-main-reservation-content">
        <div class="home-main-reservation-content-top">
          <div class="home-main-reservation-title">医生预约量</div>
          
          <a class="home-main-reservation-doc" v-for="(item,index) in doctorsubscribeDatainfo" @click="doctorSpecificInfo(item,index)" href="doctor/0571057155/43341.htm" tppabs="https://guahao.zjol.com.cn/doctor/0571057155/43341" target="_blank" style="color: inherit;">
            <div class="home-main-reservation-doc-item clearfix">
              <div class="home-main-reservation-doc-no float-left">1</div>
              <div class="home-main-reservation-doc-avatar float-left">
                <img src="../ghimage.zjol.com.cn/057155/057155_43341.jpg" tppabs="https://ghimage.zjol.com.cn/057155/057155_43341.jpg" alt="" srcset="">
              </div>
                <div class="home-main-reservation-doc-name float-left">
                    {{item.name}}&nbsp;&nbsp;
                </div>
                <div class="home-main-reservation-doc-count float-right">
                    {{item.subscribeData}}
                </div>
            </div>
          </a>
          

          
        </div>
        <div class="home-main-reservation-content-bottom">
          <div class="home-main-reservation-title">医院预约量</div>
          <div class="home-main-reservation-doc">
            
            <a class="home-main-reservation-dep-item clearfix" v-for="(item,index) in hospitalsubscribeDatainfo" @click="hospitalSpecificInfo(item,index)" href="department/0571957104/181.htm" tppabs="https://guahao.zjol.com.cn/department/0571957104/181" target="_blank" style="color: inherit;display: block;">
              <div class="home-main-reservation-doc-no float-left">1</div>
              <div class="home-main-reservation-dep-name float-left">
                <div>{{item.hospitalName}}</div>
              </div>
              <div class="home-main-reservation-doc-count float-right">
                  {{item.subscribeData}}
              </div>
            </a>

            
          </div>
        </div>
      </div>
    </div>
    </div>
</div>
    </div>
    <div class="bottom-container ">
  <div class="bottom-content clearfix">
    <div class="bottom-logo  float-left"></div>
    <div class="bottom-list float-left">
      <ul>
        <li>新闻</li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/ycxw/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/ycxw/'" tppabs="http://health.zjol.com.cn/ycxw/" target="_blank">原创新闻</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/expose/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/expose/'" tppabs="http://health.zjol.com.cn/expose/" target="_blank">曝光台</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/healthnews/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/healthnews/'" tppabs="http://health.zjol.com.cn/healthnews/" target="_blank">即时报</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/zhuanti/hot/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/zhuanti/hot/'" tppabs="http://health.zjol.com.cn/zhuanti/hot/" target="_blank">专题报告</a></li>
      </ul>
      <ul>
        <li>母婴</li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/lbqdym/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/lbqdym/'" tppabs="http://health.zjol.com.cn/lbqdym/" target="_blank">了不起的孕妈</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/hyzdz/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/hyzdz/'" tppabs="http://health.zjol.com.cn/hyzdz/" target="_blank">好运中队长</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/mbjkk/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/mbjkk/'" tppabs="http://health.zjol.com.cn/mbjkk/" target="_blank">萌宝健康课</a></li>
      </ul>
      <ul>
        <li>专栏</li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/system/2016/07/04/021213005.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/system/2016/07/04/021213005.shtml'" tppabs="http://health.zjol.com.cn/system/2016/07/04/021213005.shtml" target="_blank">仁心仁术</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/niuniub/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/niuniub/'" tppabs="http://health.zjol.com.cn/niuniub/" target="_blank">牛牛掰</a></li>
        <li><a href="javascript:if(confirm('http://health.zjol.com.cn/system/2013/08/16/019539813.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://health.zjol.com.cn/system/2013/08/16/019539813.shtml'" tppabs="http://health.zjol.com.cn/system/2013/08/16/019539813.shtml" target="_blank">辟谣机</a></li>
      </ul>
    </div>
    <div class="bottom-info float-right clearfix">
      <div class="bottom-info-text float-left">
        <p>电话：0571-85312211</p>
        <p>扫码关注</p>
        <p>浙江在线健康网</p>
      </div>
      <div class="bottom-info-qrcode float-left">
        <img src="public/img/qrcode.png" tppabs="https://guahao.zjol.com.cn/public/img/qrcode.png" alt="">
      </div>
    </div>
  </div>
  <!-- <div>
    2018浙江在线
  </div> -->
</div>
</div>
</body>
<!-- <script src="/public/js/lib/jquery.min.js"></script> -->
<script src="public/js/lib/jquery.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/jquery.js"></script>
<script src="public/js/lib/js.cookie.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/js.cookie.min.js"></script>
<script src="public/js/lib/popper.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/popper.min.js"></script>
<script src="public/js/lib/bootstrap.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/bootstrap.min.js"></script>
<!-- <script src="/public/js/lib/glider.min.js"></script> -->
<script src="public/js/lib/glider.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/glider.js"></script>
<script src="public/js/lib/bootstrap-datepicker.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/bootstrap-datepicker.min.js"></script>
<script src="public/js/lib/bootstrap-datepicker.zh-CN.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="public/js/lib/jquery-confirm.min.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/jquery-confirm.min.js"></script>
<script src="public/js/lib/md5.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/md5.js"></script>
<script src="public/js/lib/crypto.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/crypto.js"></script>
<!-- <script src="/public/js/lib/bootstrap-material-design.js" ></script> -->
<!-- <script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script> -->

<script src="public/js/lib/lodash.js" tppabs="https://guahao.zjol.com.cn/public/js/lib/lodash.js"></script>
<script src="public/js/global.js" tppabs="https://guahao.zjol.com.cn/public/js/global.js"></script>

<script src="public/js/home.js" tppabs="https://guahao.zjol.com.cn/public/js/home.js"></script>


<script src="public/js/lib/vue.js"></script>
<script src="public/js/lib/axios.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>

<script>
    function getQueryString(key){
        var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)");
        var result = window.location.search.substr(1).match(reg);
        return result?decodeURIComponent(result[2]):null;
    }


    new Vue({
        el: "#app",
        data() {
            return {
                newsinfo: {},
                doctorsubscribeDatainfo: {},
                hospitalsubscribeDatainfo: {},
                hothospitalinfo: {},
                selectAddressIdinfo: {},
                hotDepartment: {},
                illnessDepartmentsId1: {},
                illnessDepartmentsId2: {},
                illnessDepartmentsId3: {},
                illnessDepartmentsId4: {},
                illnessDepartmentsId5: {},
                address: {},
                index:0,
                addressById: {},
                hospitalByAddressId: {},
                tdepartmentsNameByHospitalId: {},
                doctorNameByTdepartment: {},
                homeDoctorInfo: {},
                queryName:'',
                type:3,
                msg:"医生",
                token:localStorage.getItem('token')

            }
        },
        methods: {
            son(item,idx){
                this.index=idx;
                console.log(idx+1);

                axios.get('http://localhost:8080/hospital/homePage/select/hospital?AddressId='+(idx+1)).then(response => {
                    this.addressById = response.data.data;

                    //console.log(this.addressById)
                });
            },
            onSelectedAddress() {
                console. log(this.addressId);
                axios.get('http://localhost:8080/hospital/homePage/select/hospital?AddressId='+(this.addressId)).then(response => {
                    this.hospitalByAddressId = response.data.data;

                   //console.log(this.hospitalByAddressId);
                });

            },
            onSelectedHospital() {
                console. log(this.hospital);
                axios.get('http://localhost:8080/hospital/homePage/quick/tdepartments?hospitalId='+(this.hospital)).then(response => {
                    this.tdepartmentsNameByHospitalId = response.data.data;
                    console.log(tdepartmentsNameByHospitalId);
                });
            },
            onSelectedDepartmentName(){
                console. log(this.hospital);
                console.log(this.departmentName);
                axios.get('http://localhost:8080/hospital/homePage/quick/name?hospitalId='+(this.hospital)+'&tdepartmentsId='+(this.departmentName)).then(response => {
                    this.doctorNameByTdepartment = response.data.data;
                    console.log(doctorNameByTdepartment);
                });
            },
            fastSubscribe(){
                console. log("doctorName:"+this.doctorName);
                console. log("departmentName:"+this.departmentName);
                console. log("hospital:"+this.hospital);
                //如果科室没填
                if(this.departmentName!=undefined && this.doctorName==undefined ){
                    location.href="department.html?tdepartmentId="+this.departmentName+"&hospitalId="+this.hospitalId;
                    //跳转到对应的科室页面
                }
                if(this.doctorName!=undefined){
                    location.href="doctor.html?doctorId="+this.doctorName;
                    //跳转到对应的医生页面
                }
                //跳转到医院页面
                if(this.departmentName==undefined && this.doctorName==undefined){
                    location.href="hospital01.html?hospital="+this.hospital;
                }

            },
            jum:function() {
                window.open('depaetment-page.html?type=' + this.type+'&queryName='+this.queryName);
            },
            getQueryType:function (event) {
                var that = this;
                that.type = event.currentTarget.getAttribute('data-value');
                if(that.type==1){
                    that.msg = "医院";
                }
                else if(that.type==2){
                    that.msg = "科室";
                }
                else if(that.type==3){
                    that.msg = "医生";
                }

            },
            illnessSJ(item,index){
                location.href = "department.html?illnessId="+item.illnessId;
            },
            doctorSpecificInfo(item,index){
                location.href = "doctor.html?doctorId="+item.doctorId;
            },
            hospitalSpecificInfo(item,index){
                location.href = "hospital01.html?hospitalId="+item.hospitalId;
            },
            departmentSpecificInfo(item){
                location.href = "depaetment-page.html?type=2&queryName="+item.departmentsName;
            }
        },
        mounted() {//Vue生命周期中第四个函数：该函数在执行过程中，已经将数据渲染到界面中，并且已经更新页面。
            axios.get('http://localhost:8080/hospital/homePage/select/news').then(response => {
                this.newsinfo = response.data.data.newsList;

                //console.log(this.newsinfo)
            });
            // axios.get('http://localhost:8080/hospital/homePage/select/news').then(response=>(console.log(response.data.data)));

            axios.get('http://localhost:8080/hospital/homePage/subscribeData/doctor').then(response => (this.doctorsubscribeDatainfo = response.data.data));
            // axios.get('http://localhost:8080/hospital/homePage/select/news').then(response=>(console.log(response.data.data)));

            axios.get('http://localhost:8080/hospital/homePage/subscribeData/hospital').then(response => (this.hospitalsubscribeDatainfo = response.data.data));
            //axios.get('http://localhost:8080/hospital/homePage/subscribeData/hospital').then(response=>(console.log(response.data.data)));

            axios.get('http://localhost:8080/hospital/homePage/hot/hospital').then(response => {
                this.hothospitalinfo = response.data.data;
                console.log(this.hothospitalinfo[0]);

                //console.log(this.hothospitalinfo)
            });
            // axios.get('http://localhost:8080/hospital/homePage/hot/hospital').then(response => (console.log(response.data.data)));
            axios.get('http://localhost:8080/hospital/homePage/select/hospital?AddressId=1').then(response => (this.selectAddressIdinfo = response.data.data));
            //axios.get('http://localhost:8080/hospital/homePage/select/hospital?AddressId=1').then(response => (console.log(response.data.data)));

            axios.get('http://localhost:8080/hospital/homePage/hot/department').then(response => {
                this.hotDepartment = response.data.data;

                //console.log(this.hotDepartment)
            });

            axios.get('http://localhost:8080/hospital/homePage/hot/illness?departmentsId=1').then(response => {
                this.illnessDepartmentsId1 = response.data.data;
                //console.log(this.illnessDepartmentsId1)
            });
            axios.get('http://localhost:8080/hospital/homePage/hot/illness?departmentsId=2').then(response => {
                this.illnessDepartmentsId2 = response.data.data;
                //console.log(this.illnessDepartmentsId1)
            });
            axios.get('http://localhost:8080/hospital/homePage/hot/illness?departmentsId=3').then(response => {
                this.illnessDepartmentsId3 = response.data.data;
                //console.log(this.illnessDepartmentsId1)
            });
            axios.get('http://localhost:8080/hospital/homePage/hot/illness?departmentsId=4').then(response => {
                this.illnessDepartmentsId4 = response.data.data;
                //console.log(this.illnessDepartmentsId1)
            });
            axios.get('http://localhost:8080/hospital/homePage/hot/illness?departmentsId=5').then(response => {
                this.illnessDepartmentsId5 = response.data.data;
                //console.log(this.illnessDepartmentsId1)
            });

            axios.get('http://localhost:8080/hospital/homePage/select').then(response => {
                this.address = response.data.data;
                //console.log(this.address)
            });
            axios.get('http://localhost:8080/hospital/homePage/Home/doctor').then(response => {
                this.homeDoctorInfo = response.data.data;
                //console.log(this.homeDoctorInfo)
            });

            var tk = getQueryString("token");
            console.log(tk);
            if(tk!=null){
                localStorage.setItem('token', tk);
            }
            console.log(localStorage.getItem("token"));



        }
    })





</script>
</html>